<!--
 * @Description: 告警趋势
 * @Author: your name
 * @Date: 2024-09-10 09:38:56
 * @version: 
 * @LastEditors: your name
 * @LastEditTime: 2024-09-10 09:42:52
-->
<template>
    <div id="historyChart"></div>
  </template>
  
  <script setup>
  import { historyWarning } from "@/cesiumTools/echartsOpts";
  import * as echarts from "echarts";
  import { onMounted } from "vue";
  import {historyWarningData} from '@/store/staticData'
  
  onMounted(() => {
    initChart();
  });
  
  const initChart = () => {
    const myChart = echarts.init(document.getElementById("historyChart"));
    const options = historyWarning(historyWarningData);
    myChart.setOption(options);
  };
  </script>
  <style scoped lang="scss">
    #historyChart{
      width: 500px;
      height:230px;
      margin: 0 auto;
    }
  </style>